HTML表單是用來蒐集使用者輸入資料的一個重要工具。它通常包含各種可互動的元素,像是文字框、按鈕、下拉選單、核取方塊等,讓使用者能夠提交數據到伺服器進行處理,今天我要來介紹HTML表單的一些基本架構與元素。
基本結構:
HTML表單使用 form 標籤來定義,表單的數據通常會被送到伺服器進行處理,這可以通過兩個屬性來指定:
- action:指定數據送往的伺服器 URL。
- method:指定傳送數據的方式,常見的有 GET 和 POST
常見的表單元素:
- 文字輸入框:(input type="text"):讓使用者輸入文字。
- 密碼輸入框(input type="password"):用來輸入密碼,內容會隱藏。
- 按鈕(button 或 input type="submit"):提交表單或執行操作。
- 下拉選單(select):提供多個選項讓使用者選擇。
- 核取方塊(input type="checkbox"):允許使用者選擇多個選項。
- 單選按鈕(input type="radio"):讓使用者從一組選項中選擇一個。
input 標籤的屬性:
-
input 本身沒有內容是一個空元素,不需closing tag
-
input disable 將文件設定為禁用狀態,點選文字框時會沒有反應